.info-base {
	position: relative;
	padding: 40px;
}

.info-base::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 40px solid;
	border-image: url("https://adachi-bot.oss-cn-beijing.aliyuncs.com/Version2/common/base-border.png") 55 fill;
	background-image: url("https://adachi-bot.oss-cn-beijing.aliyuncs.com/Version2/common/base-bg.png");
	filter: hue-rotate(var(--hue-rotate));
}

.info-base > .info-title {
	position: relative;
	margin-left: 4px;
	margin-top: -4px;
}

.info-base > .info-title > .element-box {
	display: inline-block;
	margin-right: 16px;
	padding: 3px;
	width: 53px;
	height: 53px;
	background: #fff;
	box-shadow: 0 0 6px 0 rgba(198, 156, 80, 0.4);
	border-radius: 50%;
	opacity: 0.8;
	box-sizing: border-box;
	vertical-align: middle;
}

.info-base > .info-title > .element-box > img {
	width: 47px;
	height: 47px;
}

.info-base > .info-title > .title-and-name {
	display: inline-block;
	font-size: 35px;
	color: var(--light-color);
	vertical-align: middle;
}

.info-base > .info-title > .rarity-icon {
	margin-top: 2px;
	margin-left: 28px;
	height: 34px;
}

.info-base > .author {
	position: absolute;
	top: 42px;
	right: 62px;
	font-size: 22px;
	color: #666666;
}

/* 头像部分 */
.info-base > main > .avatar-box {
	position: absolute;
	top: 86px;
	left: 50%;
	padding: 45px;
	width: 503px;
	height: 498px;
	box-sizing: border-box;
	transform: translateX(-50%);
}

.info-base > main > .avatar-box.weapon {
	top: 50%;
	transform: translate(-50%, -50%);
}

.info-base > main > .avatar-box::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url('https://adachi-bot.oss-cn-beijing.aliyuncs.com/Version2/common/stand-bg.png') center no-repeat;
	background-size: contain;
	filter: hue-rotate(var(--hue-rotate));
}

.info-base > main > .avatar-box > img {
	position: relative;
	width: 413px;
	height: 413px;
	border-radius: 50%;
}

.info-base > main > .avatar-box > .introduce {
	position: absolute;
	left: 50%;
	bottom: 9px;
	padding: 8px 12px;
	width: 369px;
	min-height: 35px;
	background: #fff;
	box-shadow: 0 0 6px 0 var(--shadow-color);
	border-radius: 6px;
	font-size: 16px;
	color: #666;
	line-height: 19px;
	box-sizing: border-box;
	transform: translateX(-50%);
}

.info-base > main > .main-content {
	padding: 34px 26px 4px;
}